<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="x-ua-compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">

        <title>snack v2.0</title>

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/common.css">

        <script src="js/jquery-3.2.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <!--导入布局js，共享header和footer-->
        <script type="text/javascript" src="js/include.js"></script>
        <link rel="stylesheet" href="css/snackv2/style.css"></link>

    </head>
    <body>
        <!--        1.页眉-->
        <!--引入头部-->
        <div id="header"></div>

        <!--        2.主体-->
        <div class="container">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">贪吃蛇v2</h3>
                </div>
                <div class="panel-body">
                    <div class="col-md-6 pd mg">
                        <canvas id="snake" width="608" height="608"></canvas>
                        <script src="js/snackv2/snake.js"></script>
                    </div>
                    <div class="col-md-5 pd mh">
                        <div class="operations">
                            <div class="ssdiv">
                                按任意方向键开始
                            </div>
                            <div class="btn111">
                                <input type="button" id="star" class="btn btn-danger" value="收藏"></input>
                                <input type="button" id="refresh" class="btn btn-primary" value="重开" onclick="location.reload()"></input>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/buttonclass.js"></script>

        <!--        3.页脚-->
        <!--导入底部-->
        <div id="footer"></div>

    </body>
</html>